<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录-网易严选</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/login.css">
</head>

<body>
    <header id="head">
        <div class="head">
            <div class="center clearfix">

                <div class="left"><a href="index.html">网易严选，为中国消费者甄选天下优品</a></div>
                <div class="right">
                    <ul>
                        <li><a href="#">登录/注册</a></li>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">会员</a></li>
                        <li><a href="#">甄选家</a></li>
                        <li><a href="#">企业采购</a></li>
                        <li class="customer">
                            <a href="#">客户服务<span class="iconfont icon-caret-up"></span></a>

                            <ul>
                                <li><a href="#">在线客服</a></li>
                                <li><a href="#">帮助中心</a></li>
                                <li>
                                    <a href="#">商务合作</a>
                                    <span class="iconfont icon-caret-right"></span>
                                    <div>
                                        <p>400-0368-163</p>
                                        <p>9:00-17:00</p>
                                    </div>
                                </li>
                                <li><a href="#" class="noborder">开放平台</a></li>
                            </ul>

                        <li class="down">
                            <a href="#" class="noborder app">APP</a>
                            <div>
                                <p><img src="images/down.png" alt="" srcset=""></p>
                                <p>下载领大额新人红包</p>
                            </div>
                        </li>
                    </ul>

                </div>


            </div>

        </div>

        <div class="logoAndSearch">
            <div class="center clearfix">
                <div class="logo"><img src="images/logo.gif" alt="" srcset=""></div>
                <div class="search">
                    <input type="text" name="" value="Timberland制造商情侣牛皮靴">
                    <a href="javascript:;"><img src="images/ico_03.gif" alt="" srcset=""></a>
                </div>
            </div>

        </div>

        <div class="nav">
            <div class="center clearfix">

                <ul class="navBar">
                    <li><a href="index.html" class="active">首页</a></li>
                    <li><a href="product.html">居家</a></li>
                    <li><a href="">餐厨</a></li>
                    <li><a href="">配件</a></li>
                    <li><a href="">服装</a></li>
                    <li><a href="">洗护</a></li>
                    <li><a href="">婴童</a></li>
                    <li><a href="">杂货</a></li>
                    <li><a href="">饮食</a></li>
                    <li><a href="">其他</a></li>
                    <li id="spe">|</li>
                    <li><a href="">专题</a></li>
                    <li><a href="">甄选加</a></li>
                </ul>


                <div class="carWarp">
                    <div class="car">
                        <!-- <img src="images/ico_04.gif" alt="" srcset=""> -->
                        <i>5</i>
                    </div>
                </div>

                <div class="login">
                    <a href="login.html"><span></span></a>
                    <div>
                        <a href="#">登录</a>
                        <a href="#">注册</a>
                    </div>
                </div>
            </div>


            <div class="subNav">

                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" srcset="">被枕1</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" srcset="">床品套件</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" srcset="">床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" srcset="">地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" srcset="">家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" srcset="">舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" srcset="">灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" srcset="">家饰</a></li>
                </ul>

                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" srcset="">被枕2</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" srcset="">床品套件</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" srcset="">床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" srcset="">地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" srcset="">家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" srcset="">舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" srcset="">灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" srcset="">家饰</a></li>
                </ul>

                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" srcset="">被枕3</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" srcset="">床品套件</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" srcset="">床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" srcset="">地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" srcset="">家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" srcset="">舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" srcset="">灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" srcset="">家饰</a></li>
                </ul>

                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" srcset="">被枕4</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" srcset="">床品套件</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" srcset="">床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" srcset="">地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" srcset="">家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" srcset="">舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" srcset="">灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" srcset="">家饰</a></li>
                </ul>

                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" srcset="">被枕5</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" srcset="">床品套件</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" srcset="">床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" srcset="">地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" srcset="">家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" srcset="">舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" srcset="">灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" srcset="">家饰</a></li>
                </ul>

                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" srcset="">被枕6</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" srcset="">床品套件</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" srcset="">床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" srcset="">地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" srcset="">家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" srcset="">舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" srcset="">灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" srcset="">家饰</a></li>
                </ul>

                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" srcset="">被枕7</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" srcset="">床品套件</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" srcset="">床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" srcset="">地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" srcset="">家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" srcset="">舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" srcset="">灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" srcset="">家饰</a></li>
                </ul>

                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" srcset="">被枕8</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" srcset="">床品套件</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" srcset="">床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" srcset="">地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" srcset="">家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" srcset="">舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" srcset="">灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" srcset="">家饰</a></li>
                </ul>

                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" srcset="">被枕9</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" srcset="">床品套件</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" srcset="">床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" srcset="">地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" srcset="">家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" srcset="">舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" srcset="">灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" srcset="">家饰</a></li>
                </ul>

                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" srcset="">被枕10</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" srcset="">床品套件</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" srcset="">床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" srcset="">地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" srcset="">家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" srcset="">舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" srcset="">灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" srcset="">家饰</a></li>
                </ul>
            </div>



        </div>
    </header>
    <div id="login">

        <div class="center clearfix">

            <!-- 扫码登录 -->

            <div class="loginBox">
                <div class="QRCode">
                    <img src="images/computer_small.png" alt="" srcset="" class="loginBoxImg">
                    <!-- <img src="images/QRCode_Small.png" alt="" srcset="" class="loginBoxImg"> -->
                    <div><img src="images//tips_small.png" srcset=""></div>
                </div>

                <div class="title">
                    <h4>App扫码 安全登录</h4>
                </div>
                <div class="loginDownQRC">
                    <img src="images/loginDown.png" alt="" srcset="">
                </div>
                <div class="loginHint">使用网易严选APP扫码登录</div>
                <div class="loginFooter">
                    <div class="loginFooterImg clearfix">

                        <div class="problem">
                            <a href="#">遇到问题？</a>
                        </div>
                    </div>

                </div>

            </div>




            <div class="loginBox" style="display: none;">
                <div class="QRCode">
                    <img src="images/QRCode_Small.png" alt="" srcset="" class="loginBoxImg">

                </div>
                <div class="loginList">
                    <a href="javascript:;" class="active">手机号登录</a>
                    <span>|</span>
                    <a href="javascript:;">邮箱登录</a>
                </div>
                <!-- 手机号登录 -->
                <div class="phone loginChange">

                    <div class="loginTips clearfix">
                        <a href="">使用密码验证登录</a>
                    </div>
                    <form action="get">
                        <div class="loginText clearfix"><span></span> <input type="text" name="" id=""
                                placeholder="请输入手机号">
                        </div>
                        <div class="loginText clearfix"><input type="text" name="" id="" placeholder="请输入验证码"><a
                                href="#">获取验证码</a>
                        </div>
                        <a href="#" class="phoneLogin">手机号快捷登录</a>
                        <div class="clearfix deal">
                            <input type="checkbox" name="" id="">
                            <p><span>同意</span>《服务条款》<span>和</span>《隐私协议》<span>和</span>《网易严选服务协议》</p>
                        </div>
                    </form>


                </div>

                <!-- 邮箱登录 -->

                <div class="email loginChange" style="display: none;">
                    <form action="get">
                        <div class="loginText clearfix"><span></span> <input type="text" name="" id=""
                                placeholder="请输入邮箱">
                        </div>
                        <div class="loginText clearfix"><span></span> <input type="text" name="" id=""
                                placeholder="请输入密码">
                        </div>
                        <a href="#" class="phoneLogin">登录</a>
                        <div class="clearfix">
                            <input type="checkbox" name="" id="">
                            <p><span>同意</span>《服务条款》<span>和</span>《隐私协议》<span>和</span>《网易严选服务协议》</p>
                        </div>
                    </form>

                  
                    <!-- <div class="loginFooter">
                        <div class="loginFooterImg clearfix">
                            <div class="left">
                                <a href=""></a>
                                <a href=""></a>
                                <a href=""></a>
                                <a href=""></a>
                            </div>
                            <div class="right">
                                <a href="#">遇到问题？</a>
                            </div>

                        </div>
                    </div> -->
                </div>
                <div class="loginFooter">
                    <div class="loginFooterImg clearfix">
                        <div class="left">
                            <a href=""></a>
                            <a href=""></a>
                            <a href=""></a>
                            <a href=""></a>
                        </div>
                        <div class="right">
                            <a href="#">遇到问题？</a>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>




    <footer id="footer">
        <div class="center">
            <!-- 客服电话 -->
            <div class="top">
                <div class="box">
                    <h4>客服电话</h4>
                    <p class="phone">400-0368-163</p>
                    <p class="workTime">9:00-22:00</p>
                    <div class="customer">
                        <a href="#">用户反馈</a>
                        <a href="#">在线客服</a>
                    </div>
                </div>
                <div class="box">
                    <h4>何为严选</h4>
                    <p>网易原创生活类电商品牌，秉承网易一贯的严谨态度，
                        我们深入世界各地，
                        从源头全程严格把控商品生产环节，
                        力求帮消费者甄选到最优质的商品</p>
                    <ul>
                        <li>关注我们 :</li>
                        <li><img src="images/ico_05.gif" alt=""></li>
                        <li><img src="images/ico_06.gif" alt=""></li>
                        <li><img src="images/ico_07.gif" alt=""></li>
                    </ul>
                </div>
                <div class="box">

                    <h4>扫码下载严选APP</h4>
                    <div>
                        <img src="images/down.png" alt="" srcset="">
                        <p>首单立减8元</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 底部页面声明 -->
        <div class="bottom">
            <div class="center">
                <div class="icon">
                    <div>30天无忧退</div>
                    <div>货满88元免邮</div>
                    <div>网易品质保证</div>
                </div>

                <div class="statement">
                    <ul>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">帮助中心</a></li>
                        <li><a href="#">售后服务</a></li>
                        <li><a href="#">配送与验收</a></li>
                        <li><a href="#">商务合作</a></li>
                        <li><a href="#">企业采购</a></li>
                        <li><a href="#">友情链接</a></li>
                    </ul>
                    <p>网易公司版权所有 © 1997-2017 食品经营许可证：JY13301080111719</p>
                </div>
            </div>
        </div>

    </footer>

    <!-- 底部侧边导航 -->
    <div id="aside">
        <a href="#">
            <div class="box">新人有礼</div>
        </a>
        <a href="#" class="asideBoxImg">
            <div class="box ">下载APP</div>
        </a>
        <img src="images/down.png" alt="" srcset="">
        <a href="#">
            <div class="box">在线客服</div>
        </a>
        <a href="javascript:;" class="asideTop">
            <div class="back">回顶部</div>
        </a>

    </div>
    <!-- <script src="js/animation.js"></script> -->
    <script src="js/animation.js"></script>
    <!-- <script src="js/common.js"></script> -->
    <script src="js/login.js"></script>

</body>

</html>